<template>
  <!-- 广告 -->
  <div class="adv">
    <img
      src="https://p0.meituan.net/scarlett/448afce485c1f342895185c2be668fa411803.png"
      alt=""
      @click="gotohome"
    />
    <a href="">发现最新最热电影</a>
    <span>打开App&gt;</span>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    gotohome() {
      this.$router.replace("/index");
    },
  },
};
</script>

<style lang="less" scoped>
@import "../../assets/css/var.less";
.adv {
  width: 100%;
  background: #fff;
  height: 60px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid @border-color;
  img {
    width: 94px;
    height: 39px;
    margin-left: 10px;
  }
  a {
    font-size: @s-font;
    font-weight: 900;
    margin-left: auto;
    margin-right: 5px;
    color: #666;
  }
  span {
    font-size: @m-font;
    margin-right: 12px;
    color: #b37e7e;
    font-weight: 700;
    vertical-align: middle;
  }
}
.topbox {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  z-index: 100;
}
</style>
